<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>pay</title>


    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./css/common/header.css">
    <link rel="stylesheet" href="./css/common/footer.css">
    <link rel="stylesheet" href="./css/cart.css">

    <link rel="stylesheet" href="./css/pay.css">


    <script src="./lib/jquery.js"></script>
    <script src="./js/user-stro.js"></script>
    <script src="./js/pay.js"></script>
</head>

<body>
    <!-- 头部开始 -->
    <header class="header">

        <!-- 顶部 -->
        <div class="top">
            <div class="wrapper">
                <span>
                    乐购www.legou.com
                </span>
                <span class="show-user">
                    欢迎光临乐购 &nbsp; 请 <span><a href="./login.html">登录 </a> | <a href="./register.html">注册</a></span>
                </span>
            </div>
        </div>
        <!-- 导航栏 -->
        <nav class="nav-t">
            <section class="nav wrapper">

                <section class="logo">

                </section>

                <section class="header-desc">
                    <div class="top-t clearfix">
                        <div class="search">
                            <input type="text" placeholder="请输入搜索的商品名字" id="search_t">
                            <button></button>
                        </div>
                        <div class="car" id="go-cart">
                            <b>购物车</b>
                            <span>0</span>
                        </div>

                        <div class="order">
                            我的订单
                        </div>
                    </div>

                    <div class="option">
                        <ul>
                            <li>图书</li>
                            <li>电子书</li>
                            <li>原创文学</li>
                            <li>服装</li>
                            <li>运动户外</li>
                            <li>孕婴童</li>
                            <li>家具</li>
                            <li>创意文具</li>
                            <li>地方特产</li>
                            <li>海外购</li>
                            <li>电器城</li>
                        </ul>
                    </div>

                </section>
            </section>

        </nav>

    </header>
    <div class="clear">
    </div>
    <!-- 头部结束 -->


    <div class="order-enter wrapper">

        <div class="order-tips">
            <div class="or-tops">
                <span>确认订单</span>
                <span>支付货款</span>
                <span>确认货款</span>
                <span>评价商品</span>
            </div>

            <div class="or-bom">
                <span class="cir">√</span>
                <span class="cir">2</span>
                <span class="cir">3</span>
                <span class="cir">4</span>
            </div>

        </div>


        <!-- 地址 -->
        <div class="order-address order-btn">
            <div class="address">
                <p><b>收获地址</b> <span>管理地址</span> <span>显示全部</span></p>
                <div class="change-addr">
                    <div>
                        <p>四川成都( 徐某 收)</p>
                        <h3>180XXXXXXXX</h3>
                        <h2>成华区府青路街道驷马桥路19号某某小区X栋X单元</h2>
                        <img src="./img/铅笔.png" alt="">
                        <div class="addr-def ">默认</div>
                    </div>
                    <div class="nonesel">
                        <p>四川成都( 徐某 收)</p>
                        <h3>180XXXXXXXX</h3>
                        <h2>成华区府青路街道驷马桥路19号某某小区X栋X单元</h2>
                        <img src="./img/铅笔.png" alt="">
                        <div class="addr-def disn">默认</div>
                    </div>
                    <div class="nonesel">
                        <p>四川成都( 徐某 收)</p>
                        <h3>180XXXXXXXX</h3>
                        <h2>成华区府青路街道驷马桥路19号某某小区X栋X单元</h2>
                        <img src="./img/铅笔.png" alt="">
                        <div class="addr-def disn">默认</div>
                    </div>
                    <div class="nonesel">
                        <p>四川成都( 徐某 收)</p>
                        <h3>180XXXXXXXX</h3>
                        <h2>成华区府青路街道驷马桥路19号某某小区X栋X单元</h2>
                        <img src="./img/铅笔.png" alt="">
                        <div class="addr-def disn">默认</div>
                    </div>
                </div>
            </div>

            <div class="enter-order">
                <p><b>确认订单</b></p>

                <div class="spcart-tips">
                    <label for="xx0-qjd">木果果木官方旗舰店</label>
                    <span>
                        练习店家
                    </span>
                    <span>
                        满两件包邮
                    </span>
                </div>

                <div class="spcart-pro clearfix">


                    <div class="spc-img">
                        <img src="./img/yf00.jpg" alt="">
                    </div>

                    <div class="spc-desc">
                        <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                        <div>
                            <span>新品</span>
                            <span>包邮</span>
                        </div>
                    </div>

                    <div class="spr-size">

                        <h3>颜色 : <span>魅黑</span></h3>
                        <h3>尺寸 : <span>M</span></h3>
                    </div>


                    <div class="spc-price">
                        <h2>¥ <span id="p-price" class="item-price" unitPrice="169">169.00</span></h2>
                        <h2><i>VIP积分</i> <span>100</span></h2>
                    </div>

                    <div class="spc-count">
                        <span>-</span>
                        <div class="item-count">1</div>
                        <span>+</span>
                    </div>


                    <div class="spc-operation">
                        <span>移入收藏</span>
                        <span class="delete">删除</span>
                        <span>分享</span>
                        <span>相似宝贝</span>
                    </div>

                </div>

                <div class="comemt">
                    <span>给买家留言:</span>
                    <input type="text" name="" id="">
                </div>



            </div>


            <div class="paymon">
                <p><span>实付款</span>: <span class="countp">¥252</span></p>
                <p><span>寄送至</span> <b>四川省成都时XX区XXXXX街道XXXXX路XXXX号XXXX小区X栋X单元</b></p>
                <p><span>收货人:</span> <b>徐某某 1xxxxxxxxx</b></p>

                <span class="paym" id="onepay">
                    确认支付
                </span>
            </div>


        </div>

        <!-- 支付方式 -->
        <div class="pay-modes disn order-btn">
            <p>支付方式</p>
            <div class="pay-mode">
                <ul>
                    <li>
                        <input type="radio" name="pay" id="pay">
                        <img src="./img/zfb0.png" alt="">
                    </li>
                    <li>
                        <input type="radio" name="pay" id="pay">
                        <img src="./img/yl.png" alt="">
                    </li>
                    <li>
                        <input type="radio" name="pay" id="pay">
                        <img src="./img/wx.png" alt="">
                    </li>

                    <li>
                        <a>更多支付方式 >></a>
                    </li>
                </ul>
            </div>

            <div class="paymon">
                <p><span>实付款</span>: <span class="countp">¥252</span></p>
                <p><span>寄送至</span> <b>四川省成都时XX区XXXXX街道XXXXX路XXXX号XXXX小区X栋X单元</b></p>
                <p><span>收货人:</span> <b>徐某某 1xxxxxxxxx</b></p>

                <span class="paym">
                    确认支付
                </span>
            </div>

        </div>

        <!-- 收货 -->
        <div class="consignee disn order-btn">
            <p>我已收到货 , 同意付款</p>
            <div class="orderinfo">
                <h3>订单信息</h3>
                <table class="o-infos">
                    <tr class="goods-info">
                        <td>宝贝</td>
                        <td>状态</td>
                        <td>单价(元)</td>
                        <td>数量</td>
                        <td>优惠</td>
                        <td>商品总价</td>
                        <td>运费(元)</td>
                    </tr>

                    <tr>
                        <td class="spc-desc">
                            <img src="./img/yf00.jpg" alt="">
                            <div>
                                <p>木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫</p>
                                <h3>颜色 : <span>魅黑</span></h3>
                                <h3>尺寸 : <span>M</span></h3>
                            </div>
                        </td>

                        <td>
                            --
                        </td>
                        <td>
                            259.00
                        </td>
                        <td>
                            1
                        </td>
                        <td>
                            <p>·满300减20</p>
                            <p>满两件包邮</p>
                        </td>
                        <td>
                            259.00
                        </td>

                        <td>
                            快递: 0.00
                        </td>
                    </tr>
                </table>

                <h4>实付款 : <span>¥259.00</span></h4>
            </div>


            <div class="paymon paymons">
                <p>订单编号 :XXXXXXXXXXXXXX</p>
                <p>支付宝交易号: XXXXXXXXXXXXXX</p>
                <p><span>买家昵称:</span> 徐某某 1xxxxxxxxx</p>
                <p><span>寄送至</span> <b>四川省成都时XX区XXXXX街道XXXXX路XXXX号XXXX小区X栋X单元</b></p>
                <p>成交时间: 2021-5-17 23:00:00</p>

                <span class="paym">
                    确认支付
                </span>
            </div>
        </div>

        <!-- 评价 -->
        <div class="pro-eavl disn order-btn">
            <p>商品评价</p>
            <div class="pro-comment">

                <div>
                    <img src="./img/yf00.jpg" alt="">
                    <div class="yfn">木果果木2016秋装新品韩范简约宽袖…</div>
                </div>

                <div class="liuyan">
                    <textarea name="" id="" cols="30" rows="10"></textarea>
                    <div class="liuyan1">
                        <span>商品晒图</span>
                        <div>
                            <input type="radio" checked> 公开
                            <input type="radio"> 匿名
                        </div>
                    </div>
                </div>

                <!-- 评价 -->
                <div class="eval">

                    <div>
                        <p>宝贝与描述是否相符</p>
                        <div class="xingxing">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                        </div>
                    </div>

                    <div>
                        <p>买家服务态度</p>
                        <div class="xingxing">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                        </div>
                    </div>

                    <div>
                        <p>物流服务的质量</p>
                        <div class="xingxing">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                            <img src="./img/实心星星.png" alt="">
                        </div>
                    </div>

                </div>
            </div>

            <span class="paym">提交评价</span>

            <!-- 猜你喜欢 -->
            <div class="guess-love">
                <p>猜你喜欢</p>

                <ul class="guess-pro">
                    <li>
                        <img src="./img/love.jpg" alt="">
                        <p>
                            斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                        </p>
                        <span>¥ 1580.00</span>
                    </li>
                    <li>
                        <img src="./img/love.jpg" alt="">
                        <p>
                            斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                        </p>
                        <span>¥ 1580.00</span>
                    </li>
                    <li>
                        <img src="./img/love.jpg" alt="">
                        <p>
                            斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                        </p>
                        <span>¥ 1580.00</span>
                    </li>
                    <li>
                        <img src="./img/love.jpg" alt="">
                        <p>
                            斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                        </p>
                        <span>¥ 1580.00</span>
                    </li>
                    <li>
                        <img src="./img/love.jpg" alt="">
                        <p>
                            斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                        </p>
                        <span>¥ 1580.00</span>
                    </li>
                    <li>
                        <img src="./img/love.jpg" alt="">
                        <p>
                            斯诺威登（免费刻字）手表女全自动机械表陶瓷高档女士情人节礼物镂空日历礼盒装夜光镶钻防水8318l 日历款
                        </p>
                        <span>¥ 1580.00</span>
                    </li>
                </ul>
            </div>

        </div>




        <div class="disn order-btn lastor">
            <a href="./index.html">操作完成,返回首页</a>
        </div>






    </div>



    <!-- 页脚开始 -->
    <footer>

        <section class="footer-fuwu wrapper">
            <ul>
                <li>
                    <img src=" ./img/zp.jpg" alt="">
                    <div>
                        <span>
                            正品保障
                        </span>
                        <b>
                            正品行货 放心选购
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/yf.jpg" alt="">
                    <div>
                        <span>
                            满86包邮
                        </span>
                        <b>
                            满86元 免运费
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/sh.jpg" alt="">

                    <div>
                        <span>
                            售后无忧
                        </span>
                        <b>
                            7天无理由退款
                        </b>
                    </div>

                </li>
                <li>
                    <img src=" ./img/zs.jpg" alt="">

                    <div>
                        <span>
                            准时中送
                        </span>
                        <b>
                            收获时间由你做主
                        </b>
                    </div>

                </li>
            </ul>
        </section>

        <section class="footer-des wrapper">
            <ul>
                <li>
                    <ol>
                        <li>
                            <a href="">新手入门</a>

                        </li>
                        <li>
                            <a href="">购物流程</a>

                        </li>
                        <li>
                            <a href="">会员制度</a>

                        </li>
                        <li>
                            <a href="">订单查询</a>
                        </li>
                        <li>
                            <a href="">服务协议及隐私说明</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">支付方式</a>

                        </li>
                        <li>
                            <a href="">货到付款</a>

                        </li>
                        <li>
                            <a href="">网上支付</a>

                        </li>
                        <li>
                            <a href="">礼品卡支付</a>
                        </li>
                        <li>
                            <a href="">其它支付</a>
                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href="">配送服务</a>

                        </li>
                        <li>
                            <a href="">配送进度查询</a>

                        </li>
                        <li>
                            <a href="">商品验货与签收</a>

                        </li>
                    </ol>
                </li>


                <li>
                    <ol>
                        <li>
                            <a href=""> 相关规则</a>

                        </li>
                        <li>
                            <a href="">平台规则</a>

                        </li>
                        <li>
                            <a href="">退换货政策</a>
                        </li>
                        <li>
                            <a href="">发票制度</a>
                        </li>

                        <li>
                            <a href="">帮助中心</a>
                        </li>

                    </ol>
                </li>

                <li class="yhj">
                    <p>APP更优惠</p>

                    <img src=" ./img/qryhd.png" alt="">


                </li>

                <li class="yhj">
                    <p>加微信查订单</p>

                    <img src=" ./img/qryhd.png" alt="">

                </li>

            </ul>
        </section>

        <section class="footer-b">
            <div class="wrapper">

                <div>
                    <p>
                        沪ICP备XXXXXXXXX号 | 经营证照 │ 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话:XX-XXXX | 沪B2-X
                    </p>
                    <p>
                        沪公网安备XXXXXXXXX号 │ 友情链接 │ 出版物经营许可证 │ 增值电信业务经营许可证
                    </p>
                </div>

                <div class="links">
                    <img src=" ./img/wz2.png" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                    <img src=" ./img/wz3.jpg" alt="">
                    <img src=" ./img/wz4.jpg" alt="">
                    <img src=" ./img/wz5.jpg" alt="">
                    <img src=" ./img/wz1.jpg" alt="">
                </div>
            </div>
        </section>

    </footer>
    <!-- 页脚开始 -->





</body>

</html>